<!DOCTYPE html>
<html lang="en">

<head>
  <title>我的页面</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/sx3_1.css">
</head>

<body>
  <header>
    <div id="header-content">
      <img src="../image/profile.jpg" id="top">
      <h1>sniper</h1>
    </div>
  </header>
  <nav>
    <ul>
      <a href="../html/index.html">首页</a>
      <a href="../html/search.html">搜索</a>
      <a href="../html/square.html">广场</a>
      <a href="../html/community.html">社区</a>
      <a href="../html/hot.html">热门</a>
      <a href="../html/room.html">房间</a>
      <a href="../html/shopping.html">购物（超链接）</a>
      <a href="../html/message.html">消息</a>
      <a href="../html/my.html">我的</a>
    </ul>
  </nav>
  <section class="content">
    <aside class="aside-left">
      <a href="javascript:void(0);" class="show-content" data-main="你给@母猪爱上树发了一条消息" data-right="在吗？cpdd？">消息</a>
      <a href="javascript:void(0);" class="show-content" data-main="@与你百香果@了你" data-right="这简直就是你的真实写照">@你的消息</a>
      <a href="javascript:void(0);" class="show-content" data-main="你发布的#求财神降临#收到了@钱从四面八方来的评论" data-right="你好，在吗？删视频可以吗？财神激推，拒同担">评论</a>
      <a href="javascript:void(0);" class="show-content" data-main="@桃桃不淘回复了你发表的评论#我是师昧毒唯谢谢" data-right="姐妹！很难不认同，师昧真的我哭死啊">回复</a>
      <a href="javascript:void(0);" class="show-content" data-main="你点赞了@芒芒奶昔发布的视频#君吾才是真男人" data-right="我昨晚看了一本烂尾的小说，想哭">点赞</a>
    </aside>
    <div class="main">
      <div id="main-content"></div>
    </div>
    <aside class="aside-right">
      <h3 id="right-title">详情</h3>
      <p id="right-content"></p>
    </aside>
  </section>
  <footer>
    <a href="mailto:abc@efg.com">请您留言</a>
    <span>版权：2207124003 许熔婷</span>
  </footer>
  <script src="../javascript/message_script.js"></script>
</body>

</html>